<template>
  <div class="container">
    <global-header></global-header>
    <div class="main-wrapper">
      <router-view />
    </div>
    <global-footer></global-footer>
  </div>
</template>

<script>
import { GlobalHeader, GlobalFooter } from '@/components'

export default {
  components: {
    GlobalHeader,
    GlobalFooter
  },
  name: 'BlankLayout'
}
</script>

<style scoped>
.container {
  background: #f5f5f5;
}
.container .main-wrapper {
  width: 1190px;
  margin: 0 auto;
  padding: 30px 0;
  overflow: hidden;
}
.container .main-wrapper .main-content {
  width: 1010px;
  float: right;
  padding-top: 10px;
}
</style>
